/**
 * CSS Document * 
 * Created by Jessie 2016/6/20.
 */
@import "common/app_reset";
@import "common/app_common";
html{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  background: #fff;
  font-family:Helvetica;
}
.center-block() {
  display: block;
  margin: 0 auto;
  .text-left;
}
.container {
  max-width: 720px;
  .center-block();
  background: #ebebeb;
}
#content{position: relative;}
.sr{width: 100%;height: 90px;padding: 20px 0 20px 90px;border: none;border-bottom: 1px solid #c9c9c9;font-size:2em;color: #666;position: relative;}
.tel{padding: 20px 0 20px 20px;background: #ebebeb;}
.name{background: url("../images/yq2016_login_ico01.png") no-repeat 30px center;}
.pw{background: url("../images/yq2016_login_ico02.png") no-repeat 30px center;}
.vip{background: url("../images/yq2016_login_ico03.png") no-repeat 30px center;}
.btn{width: 100%;height: 80px;margin-top:80px;background: #178e6b;.rounded-corners(10px);border: none;font-size:2em;font-weight:bold;color: #fff;.text-center;}
.login-con{padding: 5% 10%;
  .main{background: url("../images/yq2016_logo.png") no-repeat center top;padding-top: 250px;}
  .lxwm{.text-right;
    a{.dis-in-b;background: url("../images/yq2016_login_ico04.png") no-repeat left center;padding-left: 40px;font-size:1.5em;color: #666;}
  }
  .ts-p{.text-center;font-size: 1.4em;line-height: 1.5em;color: #666;em{color: #b73800;}}
  .fsyzm-a{.dis-in-b;.float-right;width: 25%;height: 60px;margin-top: 15px;background: #19caad;.rounded-corners(5px);font-size: 1em;color:#fff;.text-center;line-height: 60px;}
}
#header{height: 89px;background: url("../images/yq2016_header_bg.png") repeat-x left top;.clearfix;
  .search{.dis-in-b;.float-left;width: 15%;height: 89px;background:url("../images/yq2016_ydy_ico01.png") no-repeat center center;}
  .back{.dis-in-b;.float-left;width: 20%;height: 89px;background: url("../images/yq2016_ico_back.png") no-repeat center center;}
  .add{.dis-in-b;.float-right;width: 20%;height: 89px;background: url("../images/yq2016_ico_add.png") no-repeat center center;}
  .edit{.dis-in-b;.float-right;width: 20%;height: 89px;background: url("../images/yq2016_wdsc_ico01.png") no-repeat center center;}
  .tit{.dis-in-b;.float-left;width: 60%;.text-center;font-size: 2em;line-height: 89px;color: #666;}
  .ico-box{.dis-in-b;.float-right;width: 40%;.text-right;
    a{.dis-in-b;margin: 0 4%;height: 89px;
      &.ico01{width: 28px;background: url("../images/yq2016_xl_ico01.png") no-repeat center center;}
      &.ico02{width: 29px;background: url("../images/yq2016_xl_ico02.png") no-repeat center center;}
      &.ico03{width: 32px;background: url("../images/yq2016_xl_ico03.png") no-repeat center center;}
    }
  }
}
.user-ms{background: #168e6b;border-bottom: 1px solid #fff;padding: 5% 10%;
  dl{.clearfix;
    dt{.dis-in-b;.float-left;width: 30%;.text-center;img{max-width: 100%;.rounded-corners(50%);}}
    dd{.dis-in-b;.float-right;width: 60%;padding: 5% 0;.text-left;
      h3{a{font-size: 2em;line-height: 2em;font-weight:bold;color: #fff;}}
      p{a{font-size: 1em;line-height: 1.5em;font-weight:bold;color: #fff;}}
    }
  }
  table{width: 100%;.mt20;
    td{width: 50%;.text-center;vertical-align: middle;font-size: 1em;line-height: 1em;color:#fff;a{color:#fff;font-size: 1.5em;line-height: 1.5em;font-weight: bold;}}
  }
}
.user-box{background: #fff;margin: 3% 3% 0 3%;
  p{.clearfix;border-bottom: 1px solid #e3e3e3;padding: 0 5%;
    .tit{.dis-in-b;.float-left;.text-left;font-size: 1em;line-height: 80px;color: #333;
      em{.dis-in-b;height: 34px;padding: 0 20px;background: #bb2332;.rounded-corners(17px);font-size: 0.8em;line-height:34px;color: #fff;margin:30px 0 0 10px;}
    }
    .r-span{.dis-in-b;.float-right;.text-right;font-size: 1em;line-height: 80px;color: #999;
      input{.dis-in-b;.float-left;width: 20px;height: 20px;margin: 28px 5px 0 20px;}
      label{.dis-in-b;.float-left;}
    }
    .btn-ts{width: 118px;height: 80px;background: url("../images/yq2016_btn_ts.png") no-repeat left center;}
    .jt-right{min-width:17px;min-height:80px;background: url("../images/yq2016_jt_right.png") no-repeat right center;padding-right: 25px;}
  }
}
#footer{position: fixed;width:100%;left: 0;bottom: 0;.text-center;
  .main{max-width: 720px;height:89px;background: url("../images/yq2016_footer_bg.png") repeat-x left top;margin: 0 auto;}
  ul{.clearfix;
    li{.dis-in-b;.float-left;width: 20%;height: 89px;background: url("../images/yq2016_footer_fgx.png") no-repeat left top;.text-center;
      &:first-child{background: none;}
      a{.dis-in-b;padding-top: 62px;font-size: 1em;color: #333;min-width: 47px;
        &.ico01{background: url("../images/yq2016_fico01.png") no-repeat center 16px;}
        &.ico02{background: url("../images/yq2016_fico02.png") no-repeat center 16px;}
        &.ico04{background: url("../images/yq2016_fico04.png") no-repeat center 16px;}
        &.ico05{background: url("../images/yq2016_fico05.png") no-repeat center 12px;}
      }
      &.cur{background: url("../images/yq2016_footer_bg01.png") repeat-x left top;
        a{color: #fff;
          &.ico01{background: url("../images/yq2016_fico01_h.png") no-repeat center 16px;}
          &.ico02{background: url("../images/yq2016_fico02_h.png") no-repeat center 16px;}
          &.ico04{background: url("../images/yq2016_fico04_h.png") no-repeat center 16px;}
          &.ico05{background: url("../images/yq2016_fico05_h.png") no-repeat center 12px;}
        }
      }
      &.home{position: relative;
        img{max-width: 100%;}
        a{.dis-in-b;position: absolute;left:0;bottom:14px;padding: 0;}
      }
    }
  }
}
.my-sx{padding: 3% 4%;border-bottom:1px solid #c9c9c9;.clearfix;
  dt{.dis-in-b;.float-left;width:15%;img{max-width: 100%;}}
  dd{.dis-in-b;.float-right;width:80%;.text-left;
    h2{.text-right;.clearfix;line-height: 2em;font-size: 1em;color: #999;a{.dis-in-b;.float-left;font-size: 2em;color: #156120;}}
    p{.mt10;.text-left;.clearfix;line-height: 1.5em;font-size: 1em;color: #999;label{.dis-in-b;.float-right;background:#bb2332;padding:0 20px;font-size: 1em;.rounded-corners(10px);color: #fff;}}
  }
}
.my-sx-edit{padding: 5%;min-height: 700px;}
.my-sx-form{padding: 3% 4%;border-top:1px solid #c9c9c9;.clearfix;
  .sx-sr{.dis-in-b;.float-left;width: 84%;height: 56px;border:none;background: #fff url("../images/yq2016_ico_edit.png") no-repeat 5% center;padding-left:10%;.rounded-corners(5px);font-size: 1.5em;}
  .btn-sent{.dis-in-b;.float-right;width: 15%;height: 56px;border: none;background: url("../images/yq2016_ico_sent.png") no-repeat right center;cursor: pointer;}
}
.index-con{position: relative;
  .top-tab{padding: 4%;background: #fff;.clearfix;
    a{.dis-in-b;.float-left;font-size: 1em;line-height: 30px;padding: 0 10px;color: #333;margin-right: 20px;
      &.cur{background: #d3482b;.rounded-corners(10px);color: #fff;}
      &.add{width:30px;padding: 0 5px;background: #eee url("../images/yq2016_wdsc_ico02.png") no-repeat center center;text-indent: -9999px;}
    }
  }
  .bq-box{.dis-in-b;width: 100%;height:100%;background:url("../images/yq2016_tm_bg.png") repeat left top;position: absolute;top:-89px;left: 0;
    .main{background: #fff;}
    h2{background: #ebebeb;font-size: 1.5em;line-height: 58px;.text-center;}
    .bq{height: 76px;border-bottom: 1px solid #c9c9c9;padding-left: 5%;.clearfix;
      input{.dis-in-b;.float-left;width: 20px;height: 20px;margin-top: 28px;}
      label{.dis-in-b;.float-left;margin-left: 20px;font-size: 1em;line-height: 76px;color: #333;}
      span{.dis-in-b;.float-right;width: 20%;height: 75px;background: #bb2332;font-size: 1em;color: #fff;.text-center;line-height: 75px;}
      a{.dis-in-b;.float-right;height: 60px;padding:0 15px;background: #19caad;margin-top:8px;font-size: 1em;color: #fff;.text-center;line-height: 60px;.rounded-corners(5px);}
    }
    .btn-box{padding: 5% 0;.clearfix;
      span{.dis-in-b;width: 40%;}
      .btn{.dis-in-b;width:auto;height: 56px;padding:0 30%;.rounded-corners(5px);font-size: 1em;line-height: 56px;.text-center;cursor: pointer;border: none;}
      .qd{background: #168e6b;color: #fff;}
      .qx{background: #eee;color: #666;}
    }
  }
  dl{padding: 4%;.clearfix;
    &.bg{background: #fff;}
    dt{.dis-in-b;.float-left;width: 32%;img{max-width: 100%;}}
    dd{.dis-in-b;.float-right;width: 65%;
      h2{height:80px;overflow: hidden;a{font-size: 1.5em;line-height: 1.5em;color: #333;}}
      p{.mt10;font-size: 0.8em;line-height: 1em;color: #999;.clearfix;
        span{.dis-in-b;.float-right;
          &.jj{background: url("../images/yq2016_wdsc_ico03.png") no-repeat left center;padding-left: 30px;}
          &.pt{background: url("../images/yq2016_wdsc_ico04.png") no-repeat left center;padding-left: 30px;}
        }
      }
    }
  }
}
.xl-con{background: #fff;padding: 4% 4% 140px 4%;
  h2{font-size: 1.2em;line-height: 1.5em;font-weight:bold;color: #000;}
  .cc{span,a{margin-right:20px;font-size: 0.6em;line-height: 1em;color: #999;}}
  p{padding-top: 20px;.text-left;text-indent: 2em;font-size: 1em;line-height: 1.5em;color: #333;
    &.pic{.text-center;text-indent: 0;img{max-width: 100%;}}
  }
}
.xl-bot{
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  .text-center;
  .main {
    max-width: 720px;
    padding:30px;
    background:#f4f4f4;
    border-top:1px solid #d5d5d5;
    margin: 0 auto;
    position: relative;.clearfix;
  }
  .ly-sr{.dis-in-b;.float-left;width: 50%;height: 58px;border: none;background: #fff;.rounded-corners(5px);padding-left: 10px;font-size: 1em;color: #333;}
  .ico-box{.dis-in-b;.float-right;width: 40%;.text-right;
    a{.dis-in-b;margin: 0 10px;height: 58px;
      &.ico01{width:44px;background: url("../images/yq2016_xl_ico04.png") no-repeat center center;}
      &.ico02{width:44px;background: url("../images/yq2016_xl_ico05.png") no-repeat center center;}
      &.ico03{width:40px;background: url("../images/yq2016_xl_ico06.png") no-repeat center center;}
    }
  }
}
.xl-zf{
  .main {background: #fff;
    h2{font-size:1.2em;font-weight: bold;line-height: 1.5em;color: #333;padding: 4% 4% 0 4%;}
    .cylxr{.clearfix;
      li{.dis-in-b;.float-left;width: 25%;padding: 0 2%;.mt20;a{.dis-in-b;width:100%;height: 50px;background: #eee;.rounded-corners(5px);font-size: 1em;line-height: 50px;color: #666;.text-center;
        &.del{background: #f39838;color: #fff;position: relative;em{.dis-in-b;width: 15px;height: 15px;background: url("../images/yq2016_zf_ico_del.png") no-repeat;position: absolute;right: -7px;top:-7px;}}
      }}
    }
    h3{height: 54px;background: #f3f9f5;font-weight:bold;font-size: 1.5em;color: #168e6b;.text-center;line-height: 54px;.mt20;}
  }
  .btn{width: 250px;height: 58px;margin-bottom:20px;border: none;background: #168e6b url("../images/yq2016_xl_zf_btn.png") no-repeat 50px center;padding-left: 110px;font-size: 1.5em;line-height: 58px;color: #fff;font-weight: bold;.text-left;cursor: pointer;.rounded-corners(5px);}
}
.fx-con{.dis-in-b;width: 100%;height:100%;background:url("../images/yq2016_tm_bg.png") repeat left top;position: absolute;top:0;left: 0;z-index: 100;
  .fx-box{.dis-in-b;width: 100%;background: #fff;position: absolute;left: 0;bottom:40px;padding:2% 5% 5% 5%;.text-left;
    a{.dis-in-b;width: 30%;.mt20;.text-center;font-size: 1em;line-height: 1.5em;color:#333;img{max-width: 100%;}}
  }
}
.yujing-con{padding-bottom:100px;
  li{padding: 4%;
    h3{a{font-size: 2.2em;line-height:1.5em;color: #333;font-weight: bold;}}
    p{.text-right;font-size: 0.7em;line-height: 1em;color: #999;}
    &.bg{background: #fff;}
  }
}
.zshu-con{padding-bottom:100px;.clearfix;height: 100%;
  li{.dis-in-b;.float-left;width: 33.33%;padding:4% 2%;.text-center;
    a{.dis-in-b;width: 160px;height: 160px;.rounded-corners(10px);
      &.ico01{background: #fff url("../images/yq2016_zs_ico01.png") no-repeat center center;}
      &.ico02{background: #fff url("../images/yq2016_zs_ico02.png") no-repeat center center;}
      &.ico03{background: #fff url("../images/yq2016_zs_ico03.png") no-repeat center center;}
      &.ico04{background: #fff url("../images/yq2016_zs_ico04.png") no-repeat center center;}
      &.ico05{background: #fff url("../images/yq2016_zs_ico05.png") no-repeat center center;}
      &.ico06{background: #fff url("../images/yq2016_zs_ico06.png") no-repeat center center;}
      &.ico07{background: #fff url("../images/yq2016_zs_ico07.png") no-repeat center center;}
      &.ico08{background: #fff url("../images/yq2016_zs_ico08.png") no-repeat center center;}
    }
  }
}
.zshu-tc{.dis-in-b;width: 100%;height:100%;background:url("../images/yq2016_tm_bg.png") repeat left top;position: absolute;top:-89px;left: 0;
  p{.text-center;padding: 20% 0 0 0;span{.dis-in-b;height:86px;background: url("../images/yq2016_zs_ico09.png") no-repeat left center;padding-left:70px;font-size:1.5em;color: #fff;font-weight:bold;line-height: 50px;}}
}
.zshu-null{padding: 10%;.text-center;
  .ts{.dis-in-b;min-height:120px;background: url("../images/yq2016_zs_ico10.png") no-repeat left center;padding-left: 170px;font-size: 1em;color: #333;.text-left;strong{font-size: 2em;font-weight: bold;}}
  .zs-btn{width: 70%;height: 66px;.rounded-corners(5px);border: none;font-size: 1.5em;.text-left;}
  .zs-dz{background: #168e6b url("../images/yq2016_zs_ico11.png") no-repeat 20% center;padding-left: 30%;color: #fff;}
  .zs-back{background: #fff url("../images/yq2016_zs_ico12.png") no-repeat 20% center;padding-left: 30%;color: #666;}
}
.yindao-con{min-height:733px;background: url("../images/yq2016_ydy_bg.jpg") no-repeat center top;background-size: cover;padding:5% 0;
  .main{min-height:612px;width: 100%;background: url("../images/yq2016_ydy_zp.png") no-repeat center center;background-size: cover;}
}